Repository navigation
Landing redesign: typed-systems editorial with GSAP motion - #11
Merged
Merged
Conversation
Restructures the home page into a full studio narrative — hero, positioning, services, process, case studies, technical excellence, research/open source, writing, final CTA — while keeping the founder copy substance (narrowing intro, ideal-customer paragraph, kinds of work, recent outcomes, Fixed, libraries, articles) and both hero CTAs. Visual system extends the existing tokens: warm paper base (deep ink in dark mode), Fraunces variable serif for display headlines (landing page only), monospace chapter marks, fine indigo linework, and a dark full-bleed engineering-depth section. Anchors #main, #consulting, #libraries, #fixed, #writing are preserved. Motion (GSAP + ScrollTrigger via CDN, defer): hero line-mask entrance with bars that literally narrow, scroll-triggered section reveals, scrubbed process rail, case-study parallax, layer-stack draw-in, and magnetic CTAs. All motion is additive — content is fully visible with JS disabled — and skipped entirely under prefers-reduced-motion. The hero canvas flow-field pauses off-screen and on hidden tabs. Fixes a latent layout trap: .site-header is a full-width left float the theme never clears, which squeezes flex sections (BFCs) to zero width; .cp-home now clears it. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Contributor
|
Two iteration rounds with the founder replaced the type-jargon hero with boardroom language while keeping the narrowing subtext: - Headline: "Ship at AI speed. / Skip the gamble." - Bars: the "move fast and break things" slogan arc, narrowing to bare "move fast" with failure-count captions (ten thousand -> a hundred -> three ways to fail). - Lead: guardrails framing — "the speed compounds, while the breakage doesn't." The accent span now highlights the constant "move fast" prefix so the part that narrows away is what reads as expendable. Bar tweens get clearProps so GSAP's inline widths don't override the responsive media-query widths after a viewport change. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
The meta description (via jekyll-seo-tag) now leads with what buyers search for — software consultancy, AI-accelerated delivery, type-driven guardrails, Scala/Rust/TypeScript — instead of the insider phrasing. header_subtitle (no longer rendered, kept as canonical copy) mirrors the new hero. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What this is
A full restructure of the landing page into a studio narrative — hero → positioning → services → process → case studies → technical excellence → research/open source → writing → final CTA — while preserving the founder copy substance (narrowing intro, ideal-customer paragraph, the four kinds of work, recent outcomes, Fixed, libraries, articles) and both hero CTAs.
Visual system
#faf8f3), deep ink in dark mode; one dark full-bleed section (engineering depth) for editorial contrast.display=swap) for display headlines on the landing page only — the rest of the site stays on the system-sans stack. Easy to veto: remove the<link>in_layouts/home.htmland the$hp-serifstack falls back to Georgia.#main,#consulting,#libraries,#fixed,#writingpreserved.Motion
GSAP + ScrollTrigger (CDN, deferred):
prefers-reduced-motion. The canvas pauses off-screen and on hidden tabs.Bug fix worth knowing about
The theme's
.site-headeris a full-width left float that's never cleared. Block content overlaps it harmlessly, but flex sections (independent formatting contexts) get squeezed to zero width beside it..cp-homenowclear: boths — this would have bitten any future flex layout on any page.Review notes / judgment calls
🤖 Generated with Claude Code